<!DOCTYPE html>
<html>
<head>
	<title>搜索</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" href="css/share.css" type="text/css" />
</head>
<body>
	<!--头部-->
	<header>
		<div class="top">
			<h2 class="titleSea">
				<div class="searchSea jihuoSea" id="sosoSea">
					<form  method="post" name="form1">
						<input  type="search" name="search" value="" />
					</form>
				</div>
			</h2>
		</div>	
	</header>
	<div class="headerNext"></div>
	<!--栏目-->
	<article>	
		<div class="navSea">
			<li class="bgSea"><a href="#"> 观点</a></li>
			<li><a href="#"> 理财</a></li>
			<li><a href="#"> 杂谈</a></li>
		</div>
	</article>



</body>
<script type="text/javascript">
function setShowLength(obj, maxlength, id)
	{
		var rem =obj.value.length;
		var wid = id;
		if (rem > 0){
			var para = document.getElementById("sosoSea").className = "searchSea"; 
			
		}else{
			var para = document.getElementById("sosoSea").className = "searchSea jihuoSea"; 
		}
		

	
	}

</script>
</html>